<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/site.css">
<style>
	/*body{margin-top: 50px;}*/
</style>
</head>

<body>


<nav class="navbar navbar-inverse navbar-fixed-top">
	<div class="container">
		<div class="navbar-header">
			<button class="navbar-toggle" data-toggle="collapse" data-target="#myCollge">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a href="#" class="navbar-brand">Bootstrap中文网</a>
		</div>

		<div class="collapse navbar-collapse" id="myCollge">
			<ul class="nav navbar-nav navbar-left">
			<li><a href="" class="hidden-sm hidden-md">Bootstrap2中文文档</a></li>
			<li><a href="" class="hidden-sm">Bootstrap3中文文档</a></li>
			<li><a href="">Bootstrap 4.0 预览</a></li>
			<li><a href="">Less 教程</a></li>
			<li><a href="">jQuery API</a></li>
			<li><a href="">网站实例</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right hidden-sm">
				<li><a href="">关于</a></li>
			</ul>
		</div>
	</div>
</nav>


   <div class="jumbotron masthead text-center">
      <div class="container">
        <h1>仿Bootstrap</h1>
        <h2>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</h2>
        <p class="masthead-button-links">
          <a class="btn btn-lg btn-primary btn-shadow" href="#"  role="button" >Bootstrap3中文文档(v3.3.5)</a>
        </p>
        <a href="" role="button" >Bootstrap2中文文档(v2.3.2)</a>
      </div>
    </div>


<div class="bc-social">
      <div class="container">
        <ul class="bc-social-buttons">
          <li class="social-qq">
             Bootstrap技术交流群：<span>318630708</span>
          </li>
          <li class="social-forum">
            <a class="" href="#" title="Bootstrap问答社区">
               Bootstrap问答社区
            </a>
          </li>
          <li class="social-weibo">
            <a href="#" title="Bootstrap中文网官方微博" >
            新浪微博：@Bootstrap中文网
            </a>
          </li>
        </ul>
      </div>
    </div>

    <div class="container projects">

      <div class="projects-header page-header">
        <h2>Bootstrap相关优质项目推荐</h2>
        <p>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</p>
      </div>

      <div class="row">


	<div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="" title="Bootstrap 编码规范">
            	<img src="img/gulpjs.png" alt="">
            </a>
            <div class="caption">
              <h3>
                <a href="" >Bootstrap 编码规范<br><small>by @mdo</small></a>
              </h3>
              <p>
              Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
              </p>
            </div>
          </div>
        </div>


        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="" title="Bootstrap 编码规范">
            	<img src="img/codeguide.png" alt="">
            </a>
            <div class="caption">
              <h3>
                <a href="" >Bootstrap 编码规范<br><small>by @mdo</small></a>
              </h3>
              <p>
              Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
              </p>
            </div>
          </div>
        </div>


        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="" title="Bootstrap 编码规范">
            	<img src="img/lesscss.png" alt="">
            </a>
            <div class="caption">
              <h3>
                <a href="" >Bootstrap 编码规范<br><small>by @mdo</small></a>
              </h3>
              <p>
              Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
              </p>
            </div>
          </div>
        </div>


        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="" title="Bootstrap 编码规范">
            	<img src="img/jqueryapi.png" alt="">
            </a>
            <div class="caption">
              <h3>
                <a href="" >Bootstrap 编码规范<br><small>by @mdo</small></a>
              </h3>
              <p>
              Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
              </p>
            </div>
          </div>
        </div>


        	<div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="" title="Bootstrap 编码规范">
            	<img src="img/gulpjs.png" alt="">
            </a>
            <div class="caption">
              <h3>
                <a href="" >Bootstrap 编码规范<br><small>by @mdo</small></a>
              </h3>
              <p>
              Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
              </p>
            </div>
          </div>
        </div>


        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="" title="Bootstrap 编码规范">
            	<img src="img/codeguide.png" alt="">
            </a>
            <div class="caption">
              <h3>
                <a href="" >Bootstrap 编码规范<br><small>by @mdo</small></a>
              </h3>
              <p>
              Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
              </p>
            </div>
          </div>
        </div>


        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="" title="Bootstrap 编码规范">
            	<img src="img/lesscss.png" alt="">
            </a>
            <div class="caption">
              <h3>
                <a href="" >Bootstrap 编码规范<br><small>by @mdo</small></a>
              </h3>
              <p>
              Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
              </p>
            </div>
          </div>
        </div>


        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="" title="Bootstrap 编码规范">
            	<img src="img/jqueryapi.png" alt="">
            </a>
            <div class="caption">
              <h3>
                <a href="" >Bootstrap 编码规范<br><small>by @mdo</small></a>
              </h3>
              <p>
              Bootstrap 编码规范：编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范。
              </p>
            </div>
          </div>
        </div>


      </div>
</div><!-- /.container -->



<footer class="footer ">
      <div class="container">
        <div class="row footer-top">
          <div class="col-sm-6 col-lg-6">
            <h4>
              <img src="img/logo.png">
            </h4>
            <p>本网站所列开源项目的中文版文档全部由<a href="">Bootstrap中文网</a>成员翻译整理，并全部遵循 <a href="" >CC BY 3.0</a>协议发布。</p>
          </div>
          <div class="col-sm-6  col-lg-5 col-lg-offset-1">
            <div class="row about">
              <div class="col-xs-3">
                <h4>关于</h4>
                <ul class="list-unstyled">
                  <li><a href="">关于我们</a></li>
                  <li><a href="">关于我们</a></li>
                  <li><a href="">关于我们</a></li>
                  <li><a href="">招聘</a></li>
                </ul>
              </div>
              <div class="col-xs-3">
                <h4>联系方式</h4>
                <ul class="list-unstyled">
                  <li><a href="" >联系方式</a></li>
                  <li><a href="">联系方式</a></li>
                </ul>
              </div>
              <div class="col-xs-3">
                <h4>旗下网站</h4>
                <ul class="list-unstyled">
                  <li><a href="" >旗下网站</a></li>
                  <li><a href="" >旗下网站</a></li>
                </ul>
              </div>
              <div class="col-xs-3">
                <h4>赞助商</h4>
                <ul class="list-unstyled">
                  <li><a href="" >赞助商</a></li>
                  <li><a href="" >赞助商</a></li>
                </ul>
              </div>
            </div>
    
          </div>
        </div>
        <hr>
        <div class="row footer-bottom">
          <ul class="list-inline text-center">
            <li><a href="#">京ICP备11008151号</a></li><li>京公网安备11010802014853</li>
          </ul>
        </div>
      </div>
    </footer>



</body>
<script src="js/jquery-1.11.1.js"></script>
<script src="js/bootstrap.js"></script>
</html>
